$(function(){
    var userAgent = navigator.userAgent; //用于判断浏览器类型
    $(".file").change(function() {
        //获取图片信息
        var fileObj=$(this)[0];
        var fileList = $(this)[0].files;
        var fileLength = fileList.length;
        //然后循环 生成html 插入页面上 最后就赋值给img
        for (var i = 0; i < fileLength; i++) {
            var imgDiv = '<div class="imgDiv"><img id="img' + fileList[i].name + '"><span><i class="imgRem">×</i></span></div>';
            $(".imgFile").prepend(imgDiv);
            var imgName = document.getElementById("img" + fileList[i].name);
            if (fileList && fileList[i]) {
                //imgName.src = fileList[0].getAsDataURL();
            //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要以下方式
            if (userAgent.indexOf('MSIE') == -1) {
                //IE以外浏览器
                imgName.src = window.URL.createObjectURL(fileList[i]); //获取上传图片文件的物理路径;
                console.log(imgName.src);
            } else {
                //IE浏览器
                if (fileObj.value.indexOf(",") != -1) {
                    var srcArr = fileObj.value.split(",");
                    imgName.src = srcArr[i];
                } else {
                    imgName.src = fileObj.value;
                }
            }
        }
    }
    });
    $(".imgFile").on("click", ".imgRem", function() {
        $(this).parents(".imgDiv").remove();
    });
    $(".imgFile").on("click", "img", function() {
     var clickId=$(this).attr("id");
     var clickSrc=$(this).attr("src");
      //  console.log(clickId+"/"+clickSrc);
     var imgShow='<div><img style="width:100%;height:100%;" id="show' + clickId +'" src="'+clickSrc+'" alt="图片显示失败"></div>';
     $("#show").html(imgShow);
     $(".btn-group-vertical button").attr("disabled",false);
    });
});